﻿<%@ Page Title="" Language="C#" ClientIDMode="Static" MasterPageFile="~/Themes/Default/Views/Shared/Store.Master" Inherits="System.Web.Mvc.ViewPage<Fashion.Models.User>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Register
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
        <!--<p>
            <asp:RequiredFieldValidator ID="UserNameRequiredFieldValidator" runat="server" ControlToValidate="regUserName" 
            ErrorMessage="Username is required"></asp:RequiredFieldValidator>
            <asp:RequiredFieldValidator ID="PasswordRequiredFieldValidator" runat="server" ControlToValidate="regPassword1" 
            ErrorMessage="Password is required"></asp:RequiredFieldValidator>
        </p>-->
        <form id="registerForm" action="" class="register" method="post">
            <h3>Registration</h3>
            <fieldset class="row1">
                <legend style="color: #abda0f">Account Details
                </legend>
                <p>
                    <label>Username *
                    </label>
                    <asp:textbox runat="server" id="regUserName" />
                    <label>Email *
                    </label>
                    <asp:textbox runat="server" id="regEmail" />
                </p>
                <p>
                    <label>Password*
                    </label>
                    <asp:textbox runat="server" id="regPassword1" textmode="password" />
                    <label>Repeat Password*
                    </label>
                    <asp:textbox runat="server" id="regPassword2" textmode="password" />
                    <label class="obinfo">* obligatory fields
                    </label>
                </p>
            </fieldset>
            <fieldset class="row2">
                <legend style="color: #abda0f">Personal Details
                </legend>
                <p>
                    <label>FirstName *
                    </label>
                    <asp:textbox runat="server" id="firstName" CssClass="long"/>
                </p>
                <p>
                    <label>LastName *
                    </label>
                    <asp:textbox runat="server" id="lastName" CssClass="long"/>
                </p>
                <p>
                    <label>Address 1 *
                    </label>
                    <asp:textbox runat="server" id="address1" CssClass="long"/>
                </p>
                <p>
                    <label class="optional">Address 2
                    </label>
                    <asp:textbox runat="server" id="address2" CssClass="long"/>
                </p>
                <p>
                    <label class="optional">Postal Code
                    </label>
                    <asp:textbox runat="server" id="postal" CssClass="long"/>
                </p>
                <p>
                    <label>City *
                    </label>
                    <asp:textbox runat="server" id="city" CssClass="long"/>
                </p>
                <p>
                    <label>Country *
                    </label>
                    <asp:DropDownList ID="countryList" runat="server">
                        <asp:ListItem Selected="True">Vietnam</asp:ListItem>
                        <asp:ListItem>United States</asp:ListItem>
                    </asp:DropDownList>
                </p>
                <p>
                    <label>Phone *
                    </label>
                    <asp:textbox runat="server" id="phone" MaxLength="10"/>
                </p>
            </fieldset>
            <fieldset class="row3">
                <legend style="color: #abda0f">Further Information
                </legend>
                <p>
                    <label>Gender *</label>
                    <asp:RadioButton ID="male" runat="server" />
                    <label class="gender">Male</label>
                    <asp:RadioButton ID="female" runat="server" />
                    <label class="gender">Female</label>
                </p>
                <p>
                    <label>Birthdate *</label>
                    <asp:DropDownList ID="day" runat="server" >
                        <asp:ListItem Value="1" Selected="True">01</asp:ListItem>
                        <asp:ListItem Value="2">02</asp:ListItem>
                        <asp:ListItem Value="3">03</asp:ListItem>
                        <asp:ListItem Value="4">04</asp:ListItem>
                        <asp:ListItem Value="5">05</asp:ListItem>
                        <asp:ListItem Value="6">06</asp:ListItem>
                        <asp:ListItem Value="7">07</asp:ListItem>
                        <asp:ListItem Value="8">08</asp:ListItem>
                        <asp:ListItem Value="9">09</asp:ListItem>
                        <asp:ListItem>10</asp:ListItem>
                        <asp:ListItem>11</asp:ListItem>
                        <asp:ListItem>12</asp:ListItem>
                        <asp:ListItem>13</asp:ListItem>
                        <asp:ListItem>14</asp:ListItem>
                        <asp:ListItem>15</asp:ListItem>
                        <asp:ListItem>16</asp:ListItem>
                        <asp:ListItem>17</asp:ListItem>
                        <asp:ListItem>18</asp:ListItem>
                        <asp:ListItem>19</asp:ListItem>
                        <asp:ListItem>20</asp:ListItem>
                        <asp:ListItem>21</asp:ListItem>
                        <asp:ListItem>22</asp:ListItem>
                        <asp:ListItem>23</asp:ListItem>
                        <asp:ListItem>24</asp:ListItem>
                        <asp:ListItem>25</asp:ListItem>
                        <asp:ListItem>26</asp:ListItem>
                        <asp:ListItem>27</asp:ListItem>
                        <asp:ListItem>28</asp:ListItem>
                        <asp:ListItem>29</asp:ListItem>
                        <asp:ListItem>30</asp:ListItem>
                        <asp:ListItem>31</asp:ListItem>
                    </asp:DropDownList>&nbsp;
                    <asp:DropDownList ID="month" runat="server">
                        <asp:ListItem Selected="True">January</asp:ListItem>
                        <asp:ListItem>Febrary</asp:ListItem>
                        <asp:ListItem>March</asp:ListItem>
                        <asp:ListItem>April</asp:ListItem>
                        <asp:ListItem>May</asp:ListItem>
                        <asp:ListItem>June</asp:ListItem>
                        <asp:ListItem>July</asp:ListItem>
                        <asp:ListItem>August</asp:ListItem>
                        <asp:ListItem>September</asp:ListItem>
                        <asp:ListItem>October</asp:ListItem>
                        <asp:ListItem>November</asp:ListItem>
                        <asp:ListItem>December</asp:ListItem>
                    </asp:DropDownList>
                    &nbsp<asp:textbox runat="server" id="year" CssClass="year" MaxLength="4"/> e.g 1989
                </p>
            </fieldset>
            <fieldset class="row4">
                <legend style="color: #abda0f">Terms and Mailing
                </legend>
                <p class="agreement">
                    <asp:CheckBox ID="term" runat="server" />
                    <label>*  I accept the <a href="#">Terms and Conditions</a></label>
                &nbsp;</p>
                <p class="agreement">
                    <asp:CheckBox ID="offer" runat="server" />
                    <label>I want to receive personalized offers by your site</label>
                </p>
                <p class="agreement">
                    <asp:CheckBox ID="service" runat="server" />
                    <label>Allow partners to send me personalized offers and related services</label>
                </p>
            </fieldset>
            <div><button class="button">Register &raquo;</button></div>
        </form>

</asp:Content>

